// react 没有全局组件和局部组件的概念（都是局部）
// 在哪用在哪儿引入即可

import React, {
  useLayoutEffect,
  useEffect,
  useRef,
  useState,
  useCallback,
  useMemo,
  useDebugValue,
  useId,
  Suspense,
  lazy
} from "react";
import Card from "./components/Card";
// import AsyncComponent from "./components/Async"
const AsyncComponent = lazy(()=>import('./components/Async'))
import Card2 from "./components/Card2";
import { Skeleton } from "./components/Skeleton";

const App: React.FC = () => { 
  return (
    <>
    {/* <AsyncComponent></AsyncComponent> */}
    <Suspense fallback={<Skeleton></Skeleton>}>
      <Card2></Card2>
    </Suspense>
    </>
  )
};


export default App;
